// pages/read/read.js
Page({
  data: {
    isLoading:false,
    colorList:[]
  },
  loadList(){
    this.setData({
      isLoading:true
    });
    
    var list=[];
    var letters = '0123456789ABCDEF';
    for (let index = 0; index <20; index++) {
      var color = '#';
        for (var i = 0; i < 6; i++) {
          color += letters[Math.floor(Math.random() * 16)];
        }
        list.push({cl:color})
    }
    this.sleep(1500);
    this.setData({
      isLoading:false
    });
    return list;
  },
  sleep(numberMillis) { 
    var now = new Date(); 
    var exitTime = now.getTime() + numberMillis; 
    while (true) { 
    now = new Date(); 
    if (now.getTime() > exitTime) 
    return; 
    } 
    },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    let res = this.loadList();
    //[...this.data.colorList,...res]
     this.setData({
       colorList:[...this.data.colorList,...res]
     });
   
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {
    //需要做截流
    if (this.data.isLoading)
    {
      return;
    }
      wx.showLoading({
        title: '正在加载',
      });
      let res = this.loadList();
      //[...this.data.colorList,...res]
      this.setData({
        colorList:[...this.data.colorList,...res]
      });
      wx.hideLoading();
    
  },
  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})